/* 自定义侧边栏样式 */
.sidebar {
  /* 确保侧边栏样式一致性 */
}

/* 自定义折叠触发器样式 */
.sidebar :global(.ant-layout-sider-trigger) {
  background-color: inherit !important;
  color: inherit !important;
  border-top: 1px solid var(--ant-color-border);
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

/* 在暗色主题下确保折叠按钮可见 */
.sidebar :global(.ant-layout-sider-trigger:hover) {
  background-color: var(--ant-color-fill-content-hover) !important;
}

/* 确保折叠图标颜色与主题一致 */
.sidebar :global(.ant-layout-sider-trigger .anticon) {
  color: var(--ant-color-text);
  font-size: 16px;
}

/* 确保折叠按钮在不同主题下都有良好的对比度 */
.sidebar :global(.ant-layout-sider-trigger) {
  background-color: var(--ant-color-bg-container) !important;
  border-top: 1px solid var(--ant-color-border);
}

.sidebar :global(.ant-layout-sider-trigger:hover) {
  background-color: var(--ant-color-fill-content-hover) !important;
}

/* 确保折叠图标在悬停时也有良好的视觉效果 */
.sidebar :global(.ant-layout-sider-trigger:hover .anticon) {
  color: var(--ant-color-primary);
}